<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"  %>    
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%> 
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="icon" href="<c:url value="/images/favicon.ico"/>"/>
    <base href="<%=basePath%>">
    <title>优创联动 | 云客服</title>

    <link href="<c:url value="/css/bootstrap.min.css"/>" rel="stylesheet">
    <link href="<c:url value="/font-awesome/css/font-awesome.css"/>" rel="stylesheet">

    <!-- Toastr style -->
    <link href="<c:url value="/css/plugins/toastr/toastr.min.css"/>" rel="stylesheet">

    <!-- Gritter -->
    <link href="<c:url value="/js/plugins/gritter/jquery.gritter.css"/>" rel="stylesheet">

    <link href="<c:url value="/css/animate.css"/>" rel="stylesheet">
    <link href="<c:url value="/css/style.css"/>" rel="stylesheet">
     <link href="<c:url value="/css/plugins/sweetalert/sweetalert.css"/>" rel="stylesheet">
    
    <link href="<c:url value="/css/main.css"/>" rel="stylesheet">
     <script src="<c:url value="/js/jquery.js"/>"></script>
   
    

</head>

<body class="mini-navbar">
    <div id="wrapper">
        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav metismenu" id="side-menu">
                   <!-- 个人头像 -->
                    <%@include file="./layout/profile.jsp" %>    
                    <!-- 菜单 -->
                   <%@include file="./layout/menu.jsp" %>
                </ul>
            </div>
        </nav>

        <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row border-bottom">
                <!-- banner -->
               <%@include file="./layout/banner.jsp" %>
        </div>

    <!-- dolayout  begin -->
     
       <iframe src="" frameborder="0" id="mainFrame" name="mainFrame" width="100%" style="min-height: 768px;"></iframe> 
   
  <!-- dolayout end -->
  

           
           
                <div class="footer">
                    <div>
                        <strong>Copyright</strong> 优创联动 &copy; 2014-2015
                    </div>
                </div>
            </div>
        </div>

<!--         </div>
   </div>  -->

    <!-- Mainly scripts -->
    <script src="<c:url value="/js/bootstrap.min.js"/>"></script>
    <script src="<c:url value="/js/plugins/metisMenu/jquery.metisMenu.js"/>"></script>
    <script src="<c:url value="/js/plugins/slimscroll/jquery.slimscroll.min.js"/>"></script>


    <!-- Custom and plugin javascript -->
    <script src="<c:url value="/js/inspinia.js"/>"></script>
    <script src="<c:url value="/js/plugins/pace/pace.min.js"/>"></script>

    <!-- jQuery UI -->
    <script src="<c:url value="/js/plugins/jquery-ui/jquery-ui.min.js"/>"></script>
    <script src="<c:url value="/js/plugins/sweetalert/sweetalert.min.js"/>"></script>
    
    <script src="<c:url value="/js/plugins/toastr/toastr.min.js"/>"></script>
    

 
   <div class="modal inmodal fade" id="mainDialog" tabindex="-1" role="dialog"  aria-hidden="true">
   <div class="modal-dialog modal-lg">
   <div class="modal-content" data-name="content-body" style="min-height: 300px;">
    </div>
    </div>
  </div>

    <script type="text/javascript">
    
    $(document).ready(function(){
                 $('#mainDialog').on("show.bs.modal",function(event){
                     var btn = $(event.relatedTarget);
                     var content = $(this).find('[data-name="content-body"]');
                     var fuc = btn.data("func");
                     var _url = btn.data("url");
                     if(fuc && fuc=="showDetail"){
                          $.get(_url).done(function(_html){
                            content.html(_html);
                         }); 
                     }
                 }).on('hidden.bs.modal', function (e) {
                     $('.modal-content',$(this)).empty();
                }); 
    })
    
    function tipAlert(options){
        swal({
            title: options.title||"",
            type: options.type||"warning",
            showCancelButton: false,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "确定",
            closeOnConfirm: true
        });   
    }
    
    function tipInfo(options,callback){
        swal({
            title: options.title||"",
            type: options.type||"success",
            showCancelButton: false,
            confirmButtonColor: "#8CD4F5",
            confirmButtonText: "确定",
            closeOnConfirm: true
        },function(){
            callback();
        });   
    }
    
    
   function tipConfirm(options,callback){
       swal({
           title: options.title||"",
           type: "warning",
           showCancelButton: true,
           cancelButtonText:'否',
           confirmButtonColor: "#DD6B55",
           confirmButtonText: "是",
           closeOnConfirm: false
       }, function () {
          callback(); 
       });
   }
   

   function showTip(options){
        var _options={
               "closeButton": true,
               "debug": false,
               "progressBar": true,
               "preventDuplicates": true,
               "positionClass": "toast-top-right",
               "showDuration": "400",
               "hideDuration": "1000",
               "timeOut": "3000",
               "extendedTimeOut": "1000",
               "showEasing": "swing",
               "hideEasing": "linear",
               "showMethod": "fadeIn",
               "hideMethod": "fadeOut"
             }
       toastr.options=_options;
       toastr[options.type||"info"](options.msg||'',options.title||"提示");
       return;
   }

    
  
    </script>
</body>
</html>
    